<!DOCTYPE html>
<html lang="CN">
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>鲜生驾到</title>
<meta name="description"
	content="Mobile Apps Landing Page for Marketing" />
<meta name="keywords"
	content="mobile apps, landing page, responsive website, marketing" />
<meta name="author" content="qianmosen" />
<link rel="icon" type="image/png" href="__PUBLIC__/img/favicon.ico" />

<!-- Bootstrap -->
<link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">

<!-- My Style -->
<link href="__PUBLIC__/css/style.css" rel="stylesheet">


<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->

<script type="text/javascript" src="__PUBLIC__/js/jquery-2.0.3.min.js"></script>

<script type="text/javascript" src="__PUBLIC__/js/bootstrap.min.js"></script>

<script type="text/javascript">
//<![CDATA[
$(window).load(function() { // makes sure the whole site is loaded
  $('#status').fadeOut(); // will first fade out the loading animation
  $('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
  $('body').delay(350).css({'overflow':'visible'});
})
//]]>
</script>


</head>
<body>

	<!-- Preloader -->
	<div id="preloader">
		<div id="status">&nbsp;</div>
	</div>

	<!-- Navigation -->


	<!-- Homepage -->
	<section id="navigation">
		<div class="menu-position">
			<div class="nav-logo">
				<a href="#" class="logo"> <img src="__PUBLIC__/img/nav-logo.png">
				</a>
			</div>
		</div>
	</section>
	<section id="home" class="banner"
		style="height: 1841px; padding-top: 40px;">
		<div id="" class="screen screen-1st">
			<div class="back" style="height: 1841px;"></div>
			<div class="entity">
				<div class="form-group">
					<div class="col-xs-2 col-xs-offset-9" style="margin-top: 20px;">
						<div
							style="width: 218px; height: 221px; background-image: url(' __PUBLIC__/img/index_form_bg.png');">
							<div style="padding-top: 96px; padding-right: 7px;">
								<a href="__APP__/Home/Index/enter"><img
									src="__PUBLIC__/img/index_form_enter.png"></a>
							</div>
							<div style="padding-top: 19px; padding-right: 7px;">
								<a href="__APP__/Home/Store/login"><img
									src="__PUBLIC__/img/index_form_login.jpg"></a>
							</div>
						</div>
					</div>
				</div>
				<div align="center" style="margin-top: 1131px;">
					<div style="width: 90%;" id="carousel-example-generic"
						class="carousel slide" data-ride="carousel">
						<!-- Indicators -->
						<ol class="carousel-indicators">
							<for start="0" end="$count">
							<li data-target="#carousel-example-generic" data-slide-to="{$i}"
								<?php if($i==0) echo 'class="active"';?>></li>
							</for>
						</ol>

						<!-- Wrapper for slides -->
						<div style="width: 90%;" class="carousel-inner" role="listbox">
							<for start="0" end="$count">
							<div class="item <?php if($i==0) echo 'active';?>">
								<foreach name="page[$i]" item="v">
									<div class="col-xs-3" style="padding: 5px;">
										<img src="{$v.image}" class="thumbnail col-xs-12" />
									</div>
								</foreach>
								<?php if(count($page[$i]) < 5){
											$count = 5-count($page[$i]);
										for($j=0;$j<$count;$j++){
									?>
										
										<div class="col-xs-3" style="padding: 5px;visibility:hidden;">
											<img src="<?php echo $page[$i][0]['image']; ?>" class="thumbnail col-xs-12" />
										</div>
								<?php }}?>
							</div>
							</for>
						</div>
						<!-- Controls -->
						<a class="left carousel-control" href="#carousel-example-generic"
							role="button" data-slide="prev"
							style="width: 5%; background: transparent;"> <span
							class="glyphicon glyphicon-chevron-left" aria-hidden="true"
							style="color: #99d623"></span> <span class="sr-only">Previous</span>
						</a> <a class="right carousel-control"
							href="#carousel-example-generic" role="button" data-slide="next"
							style="width: 5%; background: transparent;"> <span
							class="glyphicon glyphicon-chevron-right" aria-hidden="true"
							style="color: #99d623"></span> <span class="sr-only">Next</span>
						</a>
					</div>
				</div>
			</div>
		</div>
	</section>
	<footer>
		<div class="container">
			<p class="text-center" style="margin-top: 20px;"><a href="#"><strong>奇个隆咚强科技有限公司</strong></a><strong style="margin-left: 30px;">|</strong><strong style="margin-left: 30px;"><a href="#">阡陌森创意设计有限公司</a></strong></p>
			<p class="text-center"><small>Designed &amp; Developed by <a href="#">奇个隆咚强</a></small></p>
		</div>
	</footer>
</body>
</html>